<template>
	<view class="content">
		
		
		<view class="cu-list bg-white">
			<view class="cu-item solid-bottom text-red"><text class="text-grey">拖欠项目：</text>{{zhuiyongInfo.xiangmu}}</view>
			<view class="cu-item solid-bottom text-red"><text class="text-grey">欠佣甲方：</text>{{zhuiyongInfo.jiafang}}</view>
			<view class="cu-item solid-bottom text-red"><text class="text-grey">欠佣负责人：</text>{{zhuiyongInfo.fuzheren}}</view>
			<view class="cu-item solid-bottom text-red"><text class="text-grey">项目区域：</text>{{zhuiyongInfo.quyu}}</view>
			<view class="cu-item solid-bottom text-red"><text class="text-grey">欠佣联系方式：</text>{{zhuiyongInfo.dianhua1}}</view>
			<view class="cu-item solid-bottom text-red"><text class="text-grey">欠佣金额：</text>{{zhuiyongInfo.jine}}</view>
			<view class="cu-item solid-bottom text-red"><text class="text-grey">成交时间：</text>{{zhuiyongInfo.chegnjiaoshijian}}</view>
			<view class="cu-item solid-bottom text-red"><text class="text-grey">承诺付款时间：</text>{{zhuiyongInfo.fukuanshijian}}</view>
			<view class="cu-item solid-bottom text-red"><text class="text-grey">拒绝付款原因：</text>{{zhuiyongInfo.yuanyin}}</view>
			<view class="cu-item solid-bottom text-red"><text class="text-grey">追款人姓名：</text>{{zhuiyongInfo.zhukuanren}}</view>
			<view class="cu-item solid-bottom text-red"><text class="text-grey">追款公司：</text>{{zhuiyongInfo.zhuikuangongsi}}</view>
			<view class="cu-item solid-bottom text-red text-red"><text class="text-grey">追款人联系方式：</text>{{zhuiyongInfo.dianhua2}}</view>
			<view class="cu-item solid-bottom text-red"><text class="text-grey">备注：</text>{{zhuiyongInfo.beizhu}}</view>
		</view>
		
		<view class="cu-bar bg-white margin-top solid-bottom">
			<view class="action"><text class="cuIcon-titles text-blue"></text>评论列表</view>
		</view>
		<view class="cu-list menu-avatar comment solids-top">
			<view class="cu-item">
				<view class="cu-avatar round" style="background-image:url(https://ossweb-img.qq.com/images/lol/img/champion/Morgana.png);"></view>
				<view class="content">
					<view class="text-grey">莫甘娜</view>
					<view class="text-gray text-content text-df">
						凯尔，你被自己的光芒变的盲目。
					</view>
					<view class="margin-top-sm flex justify-between">
						<view class="text-gray text-df">2018年12月4日</view>
					</view>
				</view>
			</view>
		
		</view>
		<view class="flex  padding justify-center bg-white"><button class="cu-btn round bg-grey center">发表评论</button></view>
		<promotion-list :options="promotions" url="/pages/new/index"></promotion-list>
		
	</view>
</template>

<script>
	export default {
		components: {
		},
		data() {
			return {
					zhuiyongInfo:{
						xiangmu:'恒大未来城',
						jiafang:'云顶资方',
						fuzheren :'唐湘华',
						quyu:'滃江区',
					    dianhua1:'1385645565',
						jine:'25万',
						chegnjiaoshijian:'2019-05-21',
						fukuanshijian:'2019-06-01',
						yuanyin:'恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城',
						zhukuanren:'王伟',
						zhuikuangongsi:'链家',
						dianhua2:'13512142321',
						beizhu:'恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城恒大未来城',
						
					}	
				}
			},
				onLoad() {
			
				},
				methods: {
					preImage(swiper){
						
					},
					toDetailInfo(info){
						uni.navigateTo({
							url:'/pages/new/detail/detail-info'
						})
					},
					toAskList(info){
						uni.navigateTo({
							url:'/pages/new/detail/ask'
						})
					},
					toImages(info){
						uni.navigateTo({
							url:'/pages/new/detail/images'
						})
					},
					toMap(){
						uni.navigateTo({
							url:'/pages/map/map'
						})
					}
				}
			}
	
</script>

<style lang="scss">
	.content{
		.swiper {
			width: 100%;
			margin-top: 10upx;
			display: flex;
			justify-content: center;
		
			.swiper-box {
				width: 100%;
				height: 30.7vw;
		
				overflow: hidden;
				border-radius: 15upx;
				box-shadow: 0upx 8upx 25upx rgba(0, 0, 0, 0.2);
				//兼容ios，微信小程序
				position: relative;
				z-index: 1;
		
				swiper {
					width: 100%;
					height: 30.7vw;
		
					swiper-item {
						image {
							width: 100%;
							height: 30.7vw;
						}
					}
				}
		
				.indicator {
					position: absolute;
					bottom: 20upx;
					left: 20upx;
					background-color: rgba(255, 255, 255, 0.4);
					width: 150upx;
					height: 5upx;
					border-radius: 3upx;
					overflow: hidden;
					display: flex;
		
					.dots {
						width: 0upx;
						background-color: rgba(255, 255, 255, 1);
						transition: all 0.3s ease-out;
		
						&.on {
							width: (100%/3);
						}
					}
				}
			}
		}
		.cu-list{
			margin-top:4px;
			
			
			.cu-item{
					padding:10px 15px;
					.text-white{
						font-size: 30px;
						background-color:#007AFF;
						color: white;
						border-radius: 40%;
						height: 50px;
						line-height: 50px;
					}
			}
			
		}
		.zhuchangList{
			padding:10px;
			justify-content: space-between;
			.zhuchang{
				background:#EBD4EF;
				border-radius: 20px;
				width:32%;
				padding:10px;
			}
			
		}
		.bottom{
			position: fixed;
			bottom:0;
			display: flex;
			flex-direction: row;
			padding: 10px 0;
			width:100%;
			background:white;
			text-align: center;
			border-top:gray 1px solid;
			button{
				font-size: 30upx;
				
				color:white;
				width:40%;	
			}
		} 	
	}
</style>
